<template>
  <div style="background-color: #fff;padding: 40px 0 0">
    <div class="icp" @click="toIcp">
      <div class="icp-item">Copyright © 2022, 郑州市鼎晶信息技术有限公司</div>
      <div class="icp-item" style="display: flex;flex-direction: row;justify-content: center;align-items: center">
        <img src="https://a.vpimg4.com/upload/actpics/act/sp/police_icon.png" style="padding-right: 3px">
        <div>豫公网安备 2021005003号-2</div>
      </div>
      <div class="icp-item">豫ICP备2021005003号-2</div>
<!--      <div class="icp-item">增值业务经营许可证：豫**-*******</div>-->
<!--      <div class="icp-item">网络文化经营许可证：豫网文〔****〕****-***号</div>-->
    </div>
  </div>
</template>

<script>
export default {
  name: "CopyrightInformation",
  data() {
    return {}
  },
  methods: {
    toIcp(){
      window.location.href="https://beian.miit.gov.cn"
    }
  },
}
</script>

<style scoped lang="scss">
.copyright {
  width: 1500px;
  margin: auto;
  padding-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.copyright-item {
  color: #1f1f1f;

  .head {
    font-size: 26px;
    padding-bottom: 10px;
  }

  .item {
    font-size: 14px;
    padding-bottom: 10px;
  }
  a{
    color: #1f1f1f;
    text-decoration: none;
    &:hover{
      color: #2c6fdf;
      transform: translateX(2px);
    }
  }
}

.icp {
  font-size: 14px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  cursor:pointer;

  .icp-item{
    padding: 5px;
  }
}

</style>
